<template>
  <div class="app-container">
    <el-table :data="userList">
      <el-table-column label="用户名" align="center" prop="username" />

      <el-table-column label="用户等级" align="center" prop="lv" />

      <el-table-column label="最远距离" align="center" prop="highestJl" />
    </el-table>
  </div>
</template>
<script>
import { listUserRanking } from "@/api/system/users";
export default {
  data() {
    return {
      userList: [],
    };
  },
  created() {
    this.getListUserRanking();
  },
  methods: {
    getListUserRanking() {
      listUserRanking().then((res) => {
        this.userList = res.data;
        console.log(this.userList, " this.userList");
      });
    },
  },
};
</script>
